@charset "utf-8";
/*公共样式 global*/
.icon-bar{background:#000}
a{color:#333}
a:hover,a:active,a:focus{color:#333;text-decoration:none}
ul{padding:0;margin:0;list-style:none}
/*.nav li a:focus,.nav li a:hover{background:0}*/

.top-banner{background: #0748a9;color:#fff;font-size:18px;line-height:3.5;}

.vline-title{display:inline-block;color: #0748a9;border-left:solid 5px;padding:0 10px;font: bold 16px/1 sans-serif;}

.dropdown-menu li a{line-height:2}
.navbar{margin:0;border-radius:0;border:none}
.navbar-nav{margin:0}
.navbar-nav li .dropdown-menu{border:none;border-radius:0}
.navbar-brand {font-weight: bold;}

.carousel{z-index:1}
/*导航*/
.breadcrumb li+li:before{content:'\003e\00a0';color:#333}
.breadcrumb{border-radius:0;line-height:2}
/**等比图片**/
.proportion-constrain-4b3,.proportion-constrain-16b9{position:relative;height:0}
.proportion-constrain-4b3{padding-bottom:75%}
.proportion-constrain-16b9{padding-bottom:56.25%}
.proportion-constrain-4b3 img,.proportion-constrain-16b9 img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: contain;}
/*图片缩放动画*/
.zoomable{overflow:hidden;}
.zoomable img{-ms-transform:-ms-transform .3s;-moz-transition:-moz-trasnform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zoomable img:hover{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

/*标题*/
.section-header{text-align:center}
.section-header .title{font-size:27px;margin-top:0}
.section-header .subtitle{color:#666;margin-bottom:20px;font-size: 14px;line-height:1.5;white-space:nowrap;text-transform:uppercase;font-family:times;}
.section-header .subtitle:before,.section-header .subtitle:after{content:'';width:80px;border-top:solid 1px;display:inline-block;vertical-align:middle;margin:0 10px}
.pagination-wrapper{text-align: center}
/*页脚*/
.footer{color:#fff;background:#0748a9}
.footer a{color:#fff}
.footer .footer-wrap{padding:20px 0;}
.footer .contact .list{line-height:2}
.footer .friend-link{background:rgba(0,0,0,.2);line-height:3}
.footer .copyright-wrap{text-align:center}
.footer .form-control{background:0;border-radius:0;resize:none;color:#fff;}
.footer .form-control::-webkit-input-placeholder {color: #fff}
.footer .btn-submit{color: #ffffff;background: #f17104;border-radius:0;}
.footer .btn-submit:active{background:#09f}
@media screen and (max-width:767px){
	.copyright-item {display: block;}
}
/*导航*/
.fixed-navbar-bottom{height:50px}
.fixed-navbar-bottom .navbar-bottom{position:fixed;height:50px;width:100%;left:0;bottom:0;z-index:999;line-height:50px;text-align:center;background:#fff;box-shadow:0 0 2px #000}
.navbar-bottom .nb-item{float:left;width:25%}
.nb-item a img,.nb-item a b{font-weight:normal;vertical-align:middle}
/*
.fixed-navbar-bottom>.navbar-bottom>a{position: fixed; width: 50px; height: 50px; right: 0; bottom: 50px; line-height: 50px; text-align: center; border-radius: 50px; background: #fff; box-shadow: 0 0 5px #000;z-index: 9}
*/
/* ********* 首页 ********* */
/*栏目*/
.column-list{padding:20px 0 0 0;list-style:none;overflow:hidden}
.column-list .column-item{float:left;width:20%;margin:0 2%;text-align:center;line-height:2.5}
.column-list .column-item:first-child{margin-left:4%}
.column-list .column-item a{color:#333}
/*产品*/
.index-product-container .swiper-wrapper{white-space: nowrap;font-size: 0}
.index-product-container .swiper-wrapper .swiper-slide{float:none;display: inline-block;padding:0}
.index-product-container .swiper-wrapper .swiper-slide a{display: block;padding:0 7px;}
.index-product-container .proportion-constrain-4b3,.product-list .proportion-constrain-4b3{border:solid 1px #ccc}
.product-title{line-height:3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index-product-container .product-title{text-align: center;}
.index-products .product-list-category{position:relative;padding:10px 0}
/*关于*/
.index-about .about-txt{line-height:2;font-size:14px;margin:20px 0;text-indent:2em;height:168px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
/*新闻*/
.index-news-list .news-item{margin-top:10px}
.index-news-list .news-item a{display: block;/*padding:10px 0*/}
.index-news-list .news-item a h3{transition:.3s;-ms-transform:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}


.news-img{float:left;width:73px;height:73px}
.news-date{color: #0748a9;border:solid 1px;font-size:14px;text-align:center;padding:9px 0;border-radius:10px;}
.news-date-day{font-size:22px}
.news-info{color:#666;overflow:hidden;line-height:2}
.index-news-list .news-info{padding-left:20px;}
.news-info .news-info-title,.news-info .news-info-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-info .news-info-title{color:#222;line-height:1.3;font-size:16px;;margin:10px 0}
.news-info .news-info-txt{font-size:14px;line-height:2;}
/* ********* 产品列表 ********* */
.product-list-page{/*padding:20px 0*/}
.product-list-page .product-list{margin-top:10px}
.product-list-page .product-list li:nth-child(n+7){display: block}
.product-list .product-title{text-align:center}
/* ********* 产品详情 product.html ********* */
.pb-body .pb-txt{overflow:hidden;color:#666;line-height:2}
.pb-txt .product-date-com .pdc-date{margin-right:20px}
.pb-txt .pb-txt-header .product-title{display:inline-block;vertical-align:middle;color: #389e25;font-size:16px;font-weight:bold;margin:0;line-height:1.5;}
.product-date-com{font-size:14px}
.pb-txt .pb-summary{color:#333;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.pb-txt .pb-summary .txt{color:#999}
.pd-edit{margin-top:10px;line-height:2}
.pd-edit img{display:block;margin:0 auto;max-width:100%;height: auto;}
.pd-edit h3{font-size:18px;font-weight:bold}
.pd-other-link{line-height:3}
.product-buy{padding:10px 0}
/*产品订单*/
.order-form .control-label{font-size:14px;white-space:nowrap;text-align: right}
.order-form textarea{resize: vertical;}
/* ********* 新闻中心 news-list.html ********* */
.news-list-page .news-list li{margin:10px 0;background:#f7f7f7}
.news-item a{display:block}
/* [del] .news-list{overflow:hidden}*/
.news-list li{overflow:hidden;padding:20px 0 16px 0}
.news-list .news-date{float:left;text-align:center;color:#999}
.news-date .nd-date{font-size:40px}
.news-list .news-content{overflow:hidden;line-height:2}
.news-content .nc-title{font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-content .nc-desc{height:56px;overflow:hidden}

/* ********* 新闻 news.html ********* */
.news-detail-title{text-align:center}
.news-detail-info{font-size:14px;text-align:center;margin:10px 0}
.news-detail-wrap .news-detail-content{line-height:2;margin-bottom:30px}
.news-detail-wrap .news-detail-content img{max-width:100%;display:block;margin:0 auto}

.ndr-list li a{float:right;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.footer .feedback-code-wrapper{margin-top:6px}
.feedback-code-wrapper img{padding:0;width:auto}

/* ********* Page ********* */
/* ********* Page ********* */
/* ********* Page ********* */

/*Mobile*/
@media screen and (max-width: 767px){
	.navbar-brand{position: absolute; left: 0; right: 60px; padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	/*导航*/
	.breadcrumb{background:#fff;border:solid 15px #eee;border-left:none;border-right:none;margin-bottom: 0;}
	.carousel-inner>.item>a>img{height:50vw;object-fit:cover}
	.section-header .subtitle:before, .section-header .subtitle:after{width:40px}
	/*产品*/
	.index-products .product-list-category{overflow:hidden}
	.product-list-category a{float:left;width:32%;margin-right:2%;margin-bottom:2%;text-align:center;background: #eee;line-height: 3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
	.product-list-category a:nth-of-type(3n){margin-right:0}
	.product-list-category .vline-title{display: block;margin:10px 0}
	.index-products .swiper-wrapper{width:auto;margin:0 -7px;white-space:normal;}
	.index-product-container .swiper-slide{width:50%;font-size: 14px}
	.index-product-container .swiper-slide:nth-child(n+5){display: none}
	/*关于，新闻*/
	.index-about-news{}
	.index-about,.index-news{border-top: solid 15px #eee;padding-top: 20px;padding-bottom: 20px}
	.news-info .news-info-txt{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
	.news-info .news-info-title{color:#878787;margin-top:0;font-size: 14px;}
	.index-news-list{margin-top:20px}
	.index-news-list .news-item a{padding:0;border-bottom:solid 1px #ddd}
	.news-item:last-child a{border:none}

/* ********* 产品列表 ********* */
	.product-list-page .main-content-right{padding-bottom:10px}
	.product-list-page .container{padding:0}
	/*.product-list-page .container{display:table;table-layout:fixed;width:100%;padding:0}
	.product-list-page .container .product-cates{display:table-header-group}*/
	.product-list-page .section-header .title,.related-news .rn-title,.m-vline-header{font-size:16px;padding-left:15px;text-align:left;color: #0748a9;font-weight: bold;border-left: solid 5px #0748a9;}
	.product-list-page .product-cates .section-header {padding: 10px 0}
	.product-list-page .main-content-right,.product-list-page .container .product-cates .section-header,.product-list-page .container .product-cates .cates-tabbtns{margin:0 15px}
	.cates-tabbtns{overflow:hidden;text-align:center;line-height:2.5;}
	.cates-tabbtns li{float:left;width:30%;margin-right:5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#eee;margin-bottom:10px}
	.cates-tabbtns li:nth-child(3n){margin-right:0}
	.cates-tabbtns li a{display:block;overflow:hidden;text-overflow:ellipsis}
	.product-list li:nth-child(odd) {padding-right:7px; }
	.product-list li:nth-child(even) {padding-left:7px; }
/* ********* 产品 ********* */
	.product-page .container{padding:0}
	.product-page .breadcrumb{margin:0}

	.pd-other-link{border-top:solid 15px #eee}

	/*相关新闻*/
	.related-news{border-top:solid 15px #eee;padding:15px 15px 0 15px}
	.related-news .rn-list{margin-top:20px;line-height:3.5}
	.related-news .rn-list li{position:relative;overflow:hidden;border-top:solid 1px #ddd}
	.related-news .rn-list li a{/*float:left;width:70%;*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	/* 删除.related-news .rn-list li .rn-date{float:right}*/
	/*产品推荐*/
	.recommend-products{padding:15px}
	.recommend-products .rp-container{margin-top:10px}
	.recommend-products .rp-container .product-list li:nth-child(odd){padding-right:7.5px}
	.recommend-products .rp-container .product-list li:nth-child(even){padding-left:7.5px}

	.product-brief{padding:15px}
	.product-detail,.recommend-products{padding:15px 15px 0;border-top:solid 15px #eee}
/* ********* 新闻中心 news-list.html ********* */
	.news-list-nav .container{padding:0}
	.news-list-page .news-list li{padding:20px}
	.news-item a .news-info{line-height:2;padding-left: 0}
	.news-item-date .nid-ym{float:left}
	.news-item-date .nid-ym::after{content:'-'}
	.news-info .ninf-title{color:#878787;font-size: 14px;font-weight:bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	 .news-info .ninf-summary{max-height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
	.news-item a .news-info-link{padding:2px 20px;color:#fff;background:#006bcd}
/* ********* 新闻 news.html ********* */
	.news-page .container{padding:0}
	.news-detail-wrap{padding:15px}
	.news-detail-title{margin-top: 10px}
	.news-detail-content img,.news-detail-content iframe,.news-detail-content video,.news-detail-content embed{max-width: 100%}
	.news-detail-wrap .pd-other-link{border-bottom:solid 15px #eee}
	.nd-related{padding-top:20px}
	.ndr-list{line-height:3.5;overflow:hidden}
	.ndr-list li{padding:0}
	.ndr-list li a{border-bottom:solid 1px #ddd}
/* ********* 关于 about.html ********* */
	.about-hot-products,.about-news-wrap{padding:15px 0;border-top:solid 15px #eee}
	.about-hot-products .section-header .title,.about-news-wrap .section-header .title{margin:10px 0;font-size:20px}
	.about-news-wrap .news-date{background:0}

	.spliter{border-top:solid 15px #eee}

h1{font-size:18px}
h2{font-size: 16px;}
h3,h4,h5,h6{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight:bold}
.news-detail-content img {max-width: 100%;height:auto}

	.footer .contact {color:#333;background: #fff;border-top: solid 15px #eee;padding: 20px 15px 20px;}
	.footer .feedback {border-top:solid 15px #eee;padding-top:30px/*;background: #333;*/}
	.footer .copyright-wrap{padding:10px 0/*;background:#333*/}
	.footer .footer-wrap{padding:0}
	.footer .contact .head {text-align: left;font-size: 16px;font-weight: bold;margin: 0;margin-bottom: 10px;color: #0748a9;border-left: solid 5px;padding: 0 10px;}
	.footer .contact>.list {line-height: 3;}

	/*模块分割线*/
	.index-products{border-top:solid 15px #eee;}
}


/*PC*/

@media screen and (min-width:768px){
body{font-size:16px}
.navbar-logo{float:left}
.nav{float:right;margin-top:20px}
.container .navbar-collapse{padding:20px 0}

/* ********* 首页 ********* */
.product-center .product-cates{float:left;padding-bottom:200px;margin-bottom:-200px}
.product-cates{float:left;width:233px;padding:20px 0;margin-bottom:20px;color:#fff;background:#f7f7f7}
.product-cates .title{font-size:18px;color:#333;margin-bottom:0}
.cates-tabpages .tabpage{position:relative}
.cates-tabpages .tabpage .more-btn-block{position:absolute;top:0;right:0;color:#333}
.product-list-wrapper{overflow:hidden}
.pcenter-title{font-size:18px;font-weight:bold;text-align:center;margin:20px 0}
.index-product-container .swiper-wrapper .swiper-slide{width:25%;font-size: 16px}
.index-products .product-list-category a{margin-right: 30px;}
/*优势*/
.index-advantage{background:#eee;padding:30px 0}
.adv-item{float:left;width:24%;/*margin-right:1.3%;*/padding: 40px 20px;line-height:2;text-align:center;background:#fff;box-shadow:0 0 10px #ccc;}
.adv-item{width: 23%;
    margin-right: 1%;
    border-radius: 15px;}
.adv-item-icon {
    width: 60px;
    height: 60px;
}
/* [since ie8 not support css3 (nth-child) but siblings (~).].adv-item:last-child{margin-right:0}*/
.adv-item~.adv-item{margin-left:1.3%}
.adv-item-name{font-size: 16px;font-weight: bold;}
.adv-item-desc{color:#666;text-align:center;font-size:14px;height:56px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
/*产品*/
.index-products{padding:40px 0}
.index-product-container{padding:20px 0}

.swiper-btn-container{position:absolute;right:0;top:0;}
.swiper-btn-container .slide-btn{cursor:pointer;width:40px;line-height:40px;text-align:center;color:#fff;background:#999;}
/*关于*/
.index-about-contact .btn{width:160px;color:#fff;background: #0748a9;border-radius:0;}
.index-about-contact .btn-qq{margin-left:20px;background:#333}
/*新闻*/
.index-news{padding-left:30px;background:url(../images/hshadow.png) no-repeat}
.index-about-news{padding:30px 0 60px;background: #f2f2f5;}
.index-news-list{margin-top:20px}
.index-news-list .news-item a:hover h3{color: #059024;}

/*导航*/
.pc-bc .breadcrumb{font-size:14px;line-height:1.4;margin:20px 0 10px 0;padding:0;background:0;}


/* ********* 产品列表 product-list.html ********* */
.product-list-page{padding:20px 0}
/*.product-list-page .product-cates{float:left;margin-bottom:20px}*/
.container .main-content-right{overflow:hidden}
.container .main-content-right{float:right;width:65%;}

.cates-tabbtns{overflow:hidden;padding:0 17px}
.cates-tabbtns li a{display:block;margin:10px 0;padding:10px 24px;color:#333;background:#fff;cursor:pointer}
.cates-tabbtns li a.active,.cates-tabbtns li a:hover{color:#fff;background:#006bcd}

.product-list-header{margin-bottom:10px;overflow: hidden;}

.related-news{clear:left;overflow:hidden;width:233px;font-size:14px;padding:10px;margin-top:20px;line-height:2.3;border:solid 1px #ddd}
.related-news .rn-title{font-size:20px;text-align:center;border-bottom: solid 1px #0748a9;margin-bottom:10px;}
.rn-title .inner{display:inline-block;border-bottom: solid 5px #0748a9;margin-bottom:-3px;}
.related-news .rn-list{list-style:square;margin-left:1em;color: #31921f;}
.rn-list li a{float:right;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-date{display:none}

/* ********* 产品 product.html ********* */
.product-page{padding:20px 0 30px}
.product-brief .pb-body{overflow:hidden}
.pb-txt .pb-summary{max-height:114px}
.pb-body .pb-txt-wrapper,.pb-body .pb-img{border:solid 1px #ddd;width:49%;float:left}
.pb-img img{border:solid 10px transparent}
.pb-body .pb-txt-wrapper .pb-txt-wrapper-h{position:relative;padding-bottom:75%}
.pb-txt-wrapper-h .pb-txt{position:absolute;padding:10px 20px;width: 100%;}
.pb-body .pb-img{margin-right:2%}
.pb-bordered{padding:10px 0;border-bottom:dashed 1px #eee}

.product-page .product-detail{margin-top:20px;line-height:2;border:solid 1px #eee}
.product-detail .pdetail-header,.recommend-products .rp-header{padding:9px 20px;font-size:18px;background:#eee}
.product-detail .pd-edit{padding:20px 30px}
.pd-other-link{margin:0 30px;border-top:solid 1px #ddd}

.product-page .related-news{overflow:hidden}
/*产品推荐*/
.recommend-products{font-size:14px;margin-top:20px;border:solid 1px #eee}
.recommend-products .rp-container{padding:15px 23px}
.recommend-products .rp-container .product-list li{padding:0 7px;}
/* ********* 新闻中心 news-list.html ********* */
.news-list-page{padding:20px 30px}
.news-item{position:relative}
.news-list-page .news-item a .news-info{font-size:15px;padding-left:20px;line-height:2}
.news-list-page .news-item a .news-info .ninf-title{font-size:18px;font-weight:bold}
.news-list-page .news-item a .news-info .ninf-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news-item .news-item-date{position:absolute;width:80px;height:60px;left:10px;top:20px;color:#999;text-align:center;border-right:solid 1px #ddd}
.news-item-date .nid-ym{position:absolute;left:0;bottom:0;width:100%}
.news-item-date .nid-day{font-size:30px}
/* ********* 新闻 news.html ********* */
.news-page{padding:20px 0 30px}
.news-detail-nav-title{padding-bottom:10px;background:#fff}
.news-detail-title{font-size:24px}
.news-detail-wrap{background:#f7f7f7}
.news-detail-wrap .news-detail-info{color:#999;text-align:center;border-bottom:solid 1px #ddd;margin:10px 30px;padding:10px 0;}
.news-detail-wrap .news-detail-content{margin:0 30px;padding:20px 0;}
.news-detail-wrap .pd-other-link{border-top:solid 15px #fff;margin:0}

/*相关新闻*/
.ndr-title{padding:15px 0;background:#fff}
.ndr-list{line-height:2;padding:20px 0 20px 40px;overflow:hidden;list-style:square outside}
.ndr-list li{padding-left:0;padding-right:20px}
/* ********* 关于 about.html ********* */
.about-hot-products{background:#eee}
.about-hot-products,.about-news-wrap{padding:30px 0}
.about-news-wrap .news-list .news-item{float:left;width:48%;margin-right:4%}
.about-news-wrap .news-list .news-item:nth-child(even){margin-right:0}
/*页脚*/
.footer .copyright-wrap{background:rgba(0,0,0,.2);/*line-height:5*/}
.copyright-item{margin:0 10px}
/*end of PC*/
}
@media screen and (max-width:991px) {
	.pb-body .pb-txt-wrapper, .pb-body .pb-img{width:100%}
	.pb-body .pb-img{margin-bottom: 10px}
}

@media (min-width:992px){
	.container .main-content-right{width:73%;}
}
@media (min-width:1200px){
	.container .main-content-right{width:78%;}
}

@media screen and (min-width:1230px){
.container{width:1230px}
}
/*个人信息*/
.personal-info{line-height:2.5}
.personal-info .info-bar{height:120px;line-height:2;padding-top:10px;text-align:center;font-weight: bold;color: #fff;background:url(../imgs/info-bg.jpg) no-repeat left top/cover;}
.personal-info .info-bar p{height: 64px;overflow: hidden;text-overflow: ellipsis;width: 80%;margin: 0 auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.personal-info .info-bar img{border:solid 2px #fff;border-radius:50px}
.personal-info .info-wrapper{margin-top:50px;overflow:hidden}
.info-wrapper .info-item{padding:0 15px}
.info-wrapper .info-item::after{content:'';display:block;border-bottom:solid 1px #ddd;clear:left}
.info-item .info-name{float:left;width:100px;}
.info-item .info-btn{float:right;font-size:14px;line-height:40px}
.info-title .info-name{font-size:18px;font-weight:bold;padding-left:20px;background:url(../imgs/info-icon.png)no-repeat left center/ 20px;}
.info-more-link{text-align:center}
.personal-info .fixed-wx{display:none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 1;}
.fixed-wx img{position: absolute;width: 80%;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);}